<header class="g-hd">

    <div class="nav" id="nav">
        <div class="logo">
            <h1>
                <a href="/">
                    <img src="{$BaseSetting.logo}" alt="">
                </a>
            </h1>
        </div>

        <div class="menu-bar" id="menu-bar">
            <span></span>
        </div>
    </div>

    <div class="menu-box" id="menu-box">
        <ul class="menu-list">
            <li class="menu-item">
                <a class="item-link" href="/{$code}/product/index.html">All Products</a>
            </li>
            {volist name="treeCategory" id="vo"}
            <li class="menu-item">
                <a class="item-link" href="/{$code}/product/index.html">{$vo.name}</a>
            </li>
            {/volist}
            <li class="menu-item">
                <a class="item-link" href="javascript:void(0)">Store <span class="iconfont iconadd-select"></span></a>
                <ul class="child-menu">
                    <li class="menu-item"><a class="item-link" href="#">Amazon</a></li>
                    <li class="menu-item"><a class="item-link" href="#">Newegg</a></li>
                </ul>
            </li>
        </ul>
    </div>

</header>
